<template>
	<view class="zai-box">
		<image src="../../../static/zaizai-login/register.png" mode='aspectFit' class="zai-logo"></image>
		<view class="zai-title">注册</view>
		<view class="zai-form">
			<input class="zai-input"  v-model="username" placeholder="请输入用户名" />
			<input class="zai-input" v-model="password"  placeholder="请输入密码"/>
			<input class="zai-input" v-model="confirmPassword"  placeholder="确认密码" />
			<!-- <input class="zai-input" v-model="workcode"  placeholder="工作人员注册码(非必填)" /> -->
			<button class="zai-btn" @click="register">立即注册</button>
			<navigator url="../login2/login2" open-type='navigateBack' hover-class="none" class="zai-label">已有账号，点此去登录.</navigator>
		</view>
	</view>
</template>

<script>
	var that;		// 当前页面对象
	var vk;			// vk依赖
	export default {
		data() {
			return {
				username: '',
				password: '',
				confirmPassword: '',
				stu_id:'',
				nickname:'',
				workcode:'',
				data:{
					
				},
				// 表单请求数据
				form1:{
					
				},
				scrollTop:0,
				
				
			}
		},
		onPageScroll(e) {
			that.scrollTop = e.scrollTop;
		},
		onLoad(options = {}) {
			that = this;
			vk = that.vk;
			that.options = options;
			that.init(options);
		},
		methods:{
			init(options){
				if (!options) options = that.options;
				console.log("init: ",options);
				
			},
			async register(){
				
				/**
				 * 客户端对账号信息进行一些必要的校验。
				 * 实际开发中，根据业务需要进行处理，这里仅做示例。
				 */
				if (this.username.length < 3) {
					uni.showToast({
						icon: 'none',
						title: '账号最短为 3 个字符'
					});
					return;
				}
				if (this.password.length < 6) {
					uni.showToast({
						icon: 'none',
						title: '密码最短为 6 个字符'
					});
					return;
				}
				
				// if(this.nickname == ''){
				// 	uni.showToast({
				// 		icon:'none',
				// 		title:'请输入昵称'
				// 	})
				// 	return
				// }
				uni.showLoading({
					title:'请求中'
				})
				// 验证工作人员注册码
				
				
				if (this.password !== this.confirmPassword) {
					uni.showToast({
						icon: 'none',
						title: '两次密码输入不一致'
					});
					return;
				}
				
				
				
				const data = {
					username: this.username,
					password: this.password
				}
				
				
				// // 验证学号是否已被绑定
				// let db = uniCloud.database()
				// let res = await db.collection('uni-id-users').where({
				// 	stu_id:this.stu_id
				// }).count()
				// if(res.result.total > 0){
				// 	uni.hideLoading()
				// 	uni.showModal({
				// 		title:'注册失败',
				// 		content:'学号已被其它用户绑定，请联系管理员'
				// 	})
				// 	return
					
				// 	// 结束函数
				// }
				
				vk.userCenter.register({
					data: {
						username:this.username,
						password:this.password,
						
					},
					success: function(data) {
					    // 注册成功后的逻辑
							uni.showToast({
								title:'注册成功，请补全个人信息',
							})
							
							vk.userCenter.updateUser({
								data:{
									nickname:'用户' + new Date().getTime()
								}
							})
							setTimeout(()=>{
								uni.reLaunch({
									url:'../../index/index'
								})
							},1500)
					  }

				})
				
				
				// 注册成功
				// if (e.result.code === 0) {
					
					
					
				// 	// this.$webimService.login(e.result.uid,'true')
					
				
					
				// } else if(e.result.code == 20102){
				// 	uni.hideLoading()
				// 	uni.showModal({
				// 		title:'注册失败',
				// 		content: '用户名已存在',
				// 		showCancel: false
				// 	})
				// }
				// else {
				// 	uni.hideLoading()
				// 	uni.showModal({
				// 		content: JSON.stringify(e.result),
				// 		showCancel: false
				// 	})
				// }
				
			}
		}
	}
</script>

<style scoped>
	.zai-box{
		padding: 0 100upx;
		position: relative;
	}
	.zai-logo{
		width: 100%;
		width: 100%;
		height: 310upx;
	}
	.zai-title{
		position: absolute;
		top: 0;
		line-height: 360upx;
		font-size: 68upx;
		color: #fff;
		text-align: center;
		width: 100%;
		margin-left: -100upx;
	}
	.zai-form{
		margin-top: 300upx;
	}
	.zai-input{
		height: 1.5em;
		background: #e2f5fc;
		margin-top: 30upx;
		border-radius: 100upx;
		padding: 20upx 40upx;
		font-size: 36upx;
	}
	.input-placeholder, .zai-input{
		color: #94afce;
	}
	.zai-label{
		padding: 60upx 0;
		text-align: center;
		font-size: 30upx;
		color: #a7b6d0;
	}
	.zai-btn{
		background: #ff65a3;
		color: #fff;
		border: 0;
		border-radius: 100upx;
		font-size: 36upx;
		margin-top: 60upx;
	}
	.zai-btn:after{
		border: 0;
	}
	/*按钮点击效果*/
	.zai-btn.button-hover{
		transform: translate(1upx, 1upx);
	}
</style>
